﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/hui/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/hui/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/hui/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/hui/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/hui/static/h-ui.admin/css/style.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/hui/lib/laypage/1.2/skin/laypage.css" />

<title>订单列表</title>
</head>
<body onload="orderlist(1)">
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 订单管理 <span class="c-gray en">&gt;</span> 订单列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<form class="dataform" id="orderlist_form">
	<div class="text-c">
		<button onclick="removeIframe()" class="btn btn-primary radius">关闭选项卡</button>
		订单状态:
		<span class="select-box inline">
			<select name="orderStatus" id="orderStatus" class="select">
				<option value="">全部</option>
	            <option value="0">已提交</option>
	            <option value="1">已付款</option>
	            <option value="2">审核中</option>
	            <option value="3">审核通过</option>
			</select> 
		</span>
		订单时间：
		<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate" name="beginTime" style="width:120px;">
		-
		<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate" name="endTime" style="width:120px;">
		<input type="text" name="id" placeholder="订单编号" style="width:180px" class="input-text">
		<input type="text" name="telephone" placeholder="手机号码" style="width:180px" class="input-text">
		<button onclick="orderlist(1)" class="btn btn-success" type="button"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
	</div>
	</form>
	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a class="btn btn-primary radius" data-title="导出订单" onclick="exportOrder(this)" href="javascript:void(0);"> 导出订单</a></span> <!-- <span class="r">共有数据：<strong></strong> 条</span> --> </div>
	<div class="mt-20">
		<table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
			<thead>
				<tr class="text-c">
					<th width="30">订单编号</th>
					<th width="40">openID</th>
					<th width="50">申请人姓名</th>
					<th width="50">申请人电话</th>
					<th width="30">支付金额</th>
					<th width="30">赠送金额</th>
					<th width="30">总金额</th>
					<th width="90">卡段信息</th>
					<th width="50">详细描述</th>
					<th width="50">是否支付</th>
					<th width="50">订单状态</th>
					<th width="50">订单时间</th>
					<th width="50">操作</th>
				</tr>
			</thead>
			<tbody id="tbody" class="text-c">
				
			</tbody>
		</table>
		<div style="width: 100%;height:15px;"></div>
		<div id="page1" class="pager"></div>
	</div>
</div>
<div id="formOrderUpdate" style="display: none;margin: 20px">
	<form id="updateOrderForm" method="post">
		<input type="hidden" id="orderNo" name="id">
		<div style="margin-top: 10px">
			<label for="payAmount">支付金额:</label>
			<input type="text" class="input-text" id="payAmount" name="payAmount" placeholder="请输入支付金额" style="width:300px">
		</div>
		<div style="margin-top: 10px">
			<label>赠送金额:</label>
			<input type="text" class="input-text" id="donationAmount" name="donationAmount" placeholder="请输入赠送金额" style="width:300px">
		</div>
		<div style="margin-top: 10px">
			<label for="cardSegment">卡段信息:</label>
			<input type="text" class="input-text" id="cardSegment" name="cardSegment" placeholder="请输入卡段信息 " style="width:300px">
		</div>
		<div style="margin-top: 10px">
			<label>是否支付:</label>
			<input type="radio" name="isPay" id="noPay" value="0"><label for="noPay">未付款</label>
			<input type="radio" name="isPay" id="hasPay" value="1"><label for="hasPay">已付款</label>
		</div>
		<div style="margin-top: 10px">
			<label>订单状态:</label>
			<select name="orderStatus">
				<option>请选择</option>
				<option value="0">已提交</option>
				<option value="1">已付款</option>
				<option value="2">审核中</option>
				<option value="3">审核通过</option>
			</select>
		</div>
		<div style="margin: 10px auto"><input type="button" onclick="updateApplyBuyCardOrder()" class="btn btn-primary radius" value="提交"></div>
	</form>
</div>


<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<!-- <script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>  -->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/core.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/hui/applyBuyCardOrder.js"></script>
<script src="${pageContext.request.contextPath}/static/layui/layui.js" type="text/javascript"></script>
<script type="text/javascript">
// $('.table-sort').dataTable({
// 	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
// 	"bStateSave": true,//状态保存
// 	"pading":false,
// 	"aoColumnDefs": [
// 	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
// 	  {"orderable":false,"aTargets":[0,8]}// 不参与排序的列
// 	]
// });


function orderlist(pageNum){
		
	var orderStatus = $("#orderStatus").val();
	var beginTime = $("input[name=beginTime]").val();
	var endTime = $("input[name=endTime]").val();
	var id = $("input[name=id]").val();
	var telephone = $("input[name=telephone]").val();
	
	var str ='"orderStatus":"'+orderStatus+'","beginTime":"'+beginTime+'","endTime":"'+endTime+'","id":"'+id+'","telephone":"'+telephone+'"';
	var url  = "${base}/getApplyBuyCardOrder";
	//引入core.js中的方法进行分页
	core.getUserListByPage(pageNum,str,url);
       return false;
}


function updateOrder(id){
	
	layer.open({
		type: 1,
		title: '卡段详情',
		shade: 0,
		shadeClose: true,
		area: ['500px', '400px'], //宽高
		content: $('#formOrderUpdate')
	});
	
	$("#orderNo").val(id);
	
}

function updateApplyBuyCardOrder(){
	var data = $("#updateOrderForm").serialize();
	$.ajax({
		url: '${pageContext.request.contextPath}/applyBuyCardOrder/update',
		type: 'post',
		dataType: 'json',
		data: data,
		success: function(res){
			if(res.code == '1'){
				layer.msg(res.msg);
				setTimeout("setTimeout(window.location.reload(),1500);",1500);
			}else{
				layer.msg(res.msg);
			}
		}
		
	});
	
	
}
</script> 
</body>
</html>